<template>
	<view class="integral-goods bdr16 bg-w box-shadow">
		<navigator url="/pages/exchange/detail/goods">
		<image mode="aspectFill" class="integral-goods-img" :src="''"></image>
		<view class="pd20">
			<view class="ft16 text-default text-over">羽毛球拍防滑手胶…</view>
			<view class="flex alcenter mt10">
				<image class="integral-icon" :src="'icon_diamond'"></image>
				<view class="ft14 ftw600 ml10 text-theme">1000 + ¥15</view>
			</view>
			<view class="flex space alcenter mt20">
				<text class="text-line ft14 text-notice">￥999</text>
				<view class="exchange-btn-goods flex center alcenter  ft14 ftw600 text-w">
					立即兑换
				</view>
			</view>
		</view>
		</navigator>
		<view class="exchange-tag-goods">剩余20</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.exchange-tag-goods{
		height:40rpx;
		background:rgba(0,0,0,.5);
		border-radius:0rpx 0rpx 0rpx 10px;
		padding: 0 20rpx;
		font-size: 24rpx;
		color:#FFFFFF;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 40rpx;
	}
	.exchange-btn-goods{
		width:160rpx;
		height:64rpx;
		background:rgba(255,109,0,1);
		box-shadow:0rpx 8rpx 16rpx 0rpx rgba(255,109,0,0.3);
		border-radius:32rpx;
	}
	.integral-icon{
		width: 40rpx;
		height: 40rpx;
	}
	.integral-goods{
		height: 560rpx;
		overflow: hidden;
		position: relative;
	}
	.integral-goods-img{
		width: 100%;
		height: 330rpx;
		font-size: 0rpx;
	}
	
</style>